<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <header>头</header>
    <nav>导航</nav>
    <section>内容体</section>
    <footer>底部</footer>
    <aside>侧边栏</aside>
    <figure>
        <figcaption>海贼王的图片</figcaption>
        <img src="img/01.png" alt="" width="300">
    </figure>


    <form action="">
        <input type="color">
        <input type="date">
        <input type="week">
        <input type="month">
        <input type="email">
        <input type="number">
        <input type="search">
        <input type="tel">
        <input type="url">
        <input type="submit">
   </form>

   <!-- 视频 -->
   <!-- controls 播放控件
   width/height 宽度和高度
   loop 循环播放
   autoplay 自动播放（前提条件是静音）
   muted 静音
   preload 缓冲
   poster 下载的时候展示的图片 -->
   <!-- <video src="movie.mp4" controls height="500" loop autoplay muted></video> -->

   <!-- video+source -->
   <!-- <video width="320" height="240" controls>
    <source src="movie.mp4" type="video/mp4">
    <source src="movie.ogg" type="video/ogg">
    您的浏览器不支持 HTML5 video 标签。
  </video> -->

  <!-- <audio src="合拍.m4a" controls></audio> -->

  <audio controls>
    <source src="合拍.m4a">
    您的浏览器不支持 HTML5 video 标签
  </audio>
  
</body>
</html>